<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!--<link rel="stylesheet" href="./css/base.css">-->
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header>
        <div class="in_header">
            <div class="logo">
                <img src="images/images/logo.jpg" alt="">
            </div>
            <div class="navTop">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">关于思网</a></li>
                    <li><a href="#">思网服务</a></li>
                    <li><a href="#">思网案例</a></li>
                    <li><a href="#">思网动态</a></li>
                    <li><a href="#">联系我们</a></li>
                </ul>
            </div>
            <div class="number">
                <img src="images/images/tep.jpg" alt="">
            </div>
        </div>
    </header>
    <section>
        <div class="bigLogo">
            <div class="in_bigLogo">

            </div>
        </div>
        <div class="banner">
            <div class="in_banner">
                <div class="hd">
                    <h2>思网服务</h2>
                    <p>WEBTHINK<span style="color: #e4392a">SERVER</span></p>
                </div>
                <ul class="tit">
                    <li class="ii1">
                        <div>
                            <a href="#">
                                <span></span>
                                <h3>高端网站建设</h3>
                                <em></em>
                                <p>根据用户需求市场、市场状况、企业情况提供专业化的网站策划、交互设计、设计和营销解决方案。</p>
                            </a>
                        </div>
                    </li>
                    <li class="ii2">
                        <div>
                            <a href="#">
                                <span></span>
                                <h3>手机网站建设</h3>
                                <em></em>
                                <p>根据用户需求市场、市场状况、企业情况提供专业化的网站策划、交互设计、设计和营销解决方案。</p>
                            </a>
                        </div>
                    </li>
                    <li class="ii3">
                        <div>
                            <a href="#">
                                <span></span>
                                <h3>微信应用开发</h3>
                                <em></em>
                                <p>根据用户需求市场、市场状况、企业情况提供专业化的网站策划、交互设计、设计和营销解决方案。</p>
                            </a>
                        </div>
                    </li>
                    <li class="ii4">
                        <div>
                            <a href="#">
                                <span></span>
                                <h3>手机app开发</h3>
                                <em></em>
                                <p>根据用户需求市场、市场状况、企业情况提供专业化的网站策划、交互设计、设计和营销解决方案。</p>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="banner2">
            <div class="in_banner2">
                <div class="hd2">
                    <h2>思网案例</h2>
                    <p><span style="color: #e4392a">CASE</span> Of Webthink</p>
                </div>
                <div class="tit2">
                    <ul class="">
                        <li><a href=""><img src="images/images/titad_16.jpg" alt=""></a></li>
                        <li><a href=""><img src="images/images/titad_18.jpg" alt=""></a></li>
                        <li><a href=""><img src="images/images/titad_20.jpg" alt=""></a></li>
                        <li style="margin-right: 0;"><a href=""><img src="images/images/1ad_16.jpg" alt=""></a></li>
                        <li><a href=""><img src="images/images/titad_25.jpg" alt=""></a></li>
                        <li><a href=""><img src="images/images/titad_26.jpg" alt=""></a></li>
                        <li><a href=""><img src="images/images/titad_27.jpg" alt=""></a></li>
                        <li style="margin-right: 0;"><a href=""><img src="images/images/titad_29.jpg" alt=""></a></li>
                    </ul>
                    <div class="awbtn">
                        <a href="#"></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner3">
            <div class="in_banner3">
                <div class="hd3">
                    <h2>思网动态</h2>
                    <p>WEBTHINK<span style="color: #e4392a">NEWS</span></p>
                </div>
                <ul class="tit3">
                    <li>
                        <div>
                            <span>
                                <em>09/20</em>
                                2016
                            </span>
                            <h3><a href="#">网页设计-如何让设计师更懂你</a></h3>
                            <p>如果你努力的和设计书沟通你的目标，说清楚自己想要的视觉效果，并及时给予他们反馈，你就会在进短</p>
                            <a href="#" class="awbtn2"></a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>
                                <em>09/20</em>
                                2016
                            </span>
                            <h3><a href="#">网页设计-如何让设计师更懂你</a></h3>
                            <p>如果你努力的和设计书沟通你的目标，说清楚自己想要的视觉效果，并及时给予他们反馈，你就会在进短</p>
                            <a href="#" class="awbtn2"></a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>
                                <em>09/20</em>
                                2016
                            </span>
                            <h3><a href="#">网页设计-如何让设计师更懂你</a></h3>
                            <p>如果你努力的和设计书沟通你的目标，说清楚自己想要的视觉效果，并及时给予他们反馈，你就会在进短</p>
                            <a href="#" class="awbtn2"></a>
                        </div>
                    </li>
                    <li>
                        <div>
                            <span>
                                <em>09/20</em>
                                2016
                            </span>
                            <h3><a href="#">网页设计-如何让设计师更懂你</a></h3>
                            <p>如果你努力的和设计书沟通你的目标，说清楚自己想要的视觉效果，并及时给予他们反馈，你就会在进短</p>
                            <a href="#" class="awbtn2"></a>
                        </div>
                    </li>
                </ul>
                <div class="btn">
                    <a href="#">LOAD MORE</a>
                </div>
            </div>
        </div>
        <div class="banner4">
            <div class="in_banner4">
                <div class="hd4">
                    <h2>联系我们</h2>
                    <p><span style="color: #e4392a">CONTACT</span>WEBTHINK</p>
                </div>
                <div class="bigBox">
                    <div class="left">
                        <ul>
                            <li>北京市朝阳区建国路88号SOHO现代城5#3310</li>
                            <li>资讯热线：010-513651161/165489 <br>
                                客服中心：010-65169516</li>
                            <li>资讯手机：010-65169516</li>
                            <li>sale@webthink.com.cn</li>
                        </ul>
                    </div>
                    <div class="right">
                        <form action="">
                            <div>
                                <input type="text" placeholder="*您的姓名" style="float: left">
                                <input type="text" placeholder="*您的联系方式" style="float: right">
                            </div>
                            <textarea name="" id="" cols="30" rows="10" style="padding: 8px 0 0 10px;"></textarea>
                            <input type="submit" value="提交您的需求" class="btn2">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="fTop">
            <div class="in_fTOp">
                <div class="aw">
                    <a href="#"><img src="images/images/arrow3.png" alt=""></a>
                    <p>点击展开地图</p>
                </div>
            </div>
        </div>
        <div class="fCenter">
            <div class="in_fCenter">
                <dl>
                    <dt>关于网思</dt>
                    <dd>
                        <ul>
                            <li><a href="">我们是谁</a></li>
                            <li><a href="">我们服务的客户</a></li>
                            <li><a href="">我们的团队</a></li>
                            <li><a href="">客户监控系统</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>网思服务</dt>
                    <dd>
                        <ul>
                            <li><a href="">我们是谁</a></li>
                            <li><a href="">我们服务的客户</a></li>
                            <li><a href="">我们的团队</a></li>
                            <li><a href="">客户监控系统</a></li>
                            <li><a href="">客户监控系统</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>网思案例</dt>
                    <dd>
                        <ul>
                            <li><a href="">我们是谁</a></li>
                            <li><a href="">我们服务的客户</a></li>
                            <li><a href="">我们的团队</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>网思动态</dt>
                    <dd>
                        <ul>
                            <li><a href="#">公司动态</a></li>
                        </ul>
                    </dd>
                </dl>
                <dl>
                    <dt>联系我们</dt>
                    <dd>
                        <ul>
                            <li><a href=""><img src="images/images/wexin_07.jpg" style="margin-right: 10px;"></a><a href="#"><img src="images/images/weibo_07.jpg" alt=""></a></li>
                            <li><img src="images/images/number2_07.jpg" style="margin-top: 39px;"></li>
                            <li><a href="#">思网服务热线</a></li>
                        </ul>
                    </dd>
                </dl>
            </div>
        </div>
        <div class="fBottom">
            <div class="in_fBottom">
                Copyright ©2007 - 2016 版权所有 网博思创网络技术（北京）有限公司 京ICP备07017583号
            </div>
        </div>
    </footer>
</body>

</html>